WordPress

推荐列表 站点导航

当前位置:首页 > 建站教程 > WordPress >

JS定时器如何实现提交成功提示功能

来源:网络整理  作者:网友投稿  发布时间:2020-12-29 22:17
这篇文章主要介绍了JS定时器如何实现提交成功提示功能,文中通过示例代码介绍的非常详细,对大家的学习或者工作...

这篇文章主要介绍了JS定时器如何实现提交成功提示功能,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

应用场景:

用户评论后,在合适位置弹出“评论成功”,2秒钟后自动消失,提示用户评论成功。

HTML:

{#评论成功提示#}

<div>

<div >

<p>评论成功!</p>

</div>

<div></div>

</div>  

js:

// 评论成功提示定时器

// 定一定时器函数

function showSuccessMsg() {

$('.popup_con').fadeIn('fast', function () {

setTimeout(function () {

$('.popup_con').fadeOut('fast', function () {

});

}, 2000)

});

}

// 提交评论

$("#form_comment").submit(function (event) {

event.preventDefault();

var comment = $('#comment').val();

var data = {

"comment": comment

};

$.ajax({

url: "/task_mgm/taskinfo_comment=" + taskId,

type: "POST",

data: JSON.stringify(data),

contentType: "application/json", // 传给后端的数据类型

dataType: "json", // 接收后端的数据类型

success: function (resp) {

if (resp.error == 'OK') {

showSuccessMsg();

{#alert('评论成功');#}

$('#comment').val(''); //清空评论框

} else {

alert('评论失败');

}

}

})

})  

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

JS定时器如何实现提交成功提示功能 (https://www.wpmee.com/) javascript教程 第1张

相关热词:

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jz/wp/10838.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

JS定时器如何实现提交成功提示功能

2020-12-29 编辑:网友投稿

这篇文章主要介绍了JS定时器如何实现提交成功提示功能,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

应用场景:

用户评论后,在合适位置弹出“评论成功”,2秒钟后自动消失,提示用户评论成功。

HTML:

{#评论成功提示#}

<div>

<div >

<p>评论成功!</p>

</div>

<div></div>

</div>  

js:

// 评论成功提示定时器

// 定一定时器函数

function showSuccessMsg() {

$('.popup_con').fadeIn('fast', function () {

setTimeout(function () {

$('.popup_con').fadeOut('fast', function () {

});

}, 2000)

});

}

// 提交评论

$("#form_comment").submit(function (event) {

event.preventDefault();

var comment = $('#comment').val();

var data = {

"comment": comment

};

$.ajax({

url: "/task_mgm/taskinfo_comment=" + taskId,

type: "POST",

data: JSON.stringify(data),

contentType: "application/json", // 传给后端的数据类型

dataType: "json", // 接收后端的数据类型

success: function (resp) {

if (resp.error == 'OK') {

showSuccessMsg();

{#alert('评论成功');#}

$('#comment').val(''); //清空评论框

} else {

alert('评论失败');

}

}

})

})  

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

JS定时器如何实现提交成功提示功能 (https://www.wpmee.com/) javascript教程 第1张

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jz/wp/10838.shtml

相关文章

风云图片

推荐阅读

返回WordPress频道首页